<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <title>朱恩慧-UI作品集</title>
    <meta name="keywords" content="关键词">
    <meta name="description" content="网站描述">
    <link rel="Bookmark" href="" ><!--ico图标-->
    <link rel="Shortcut Icon" href=""><!--ico图标-->

    <!-- Bootstrap -->
    <link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->

    <!--自己的样式-->
    <link href="css/common.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header class="container-fluid">
    <div class="zpj-header">
        <div class="header-nav">
            <ul>
                <li class="navli1 active"><a href="#part1" target=""><span>简介</span></a></li>
                <li class="navli2"><a href="#part2" target=""><span>疯狂菜店APP</span></a></li>
                <li class="navli3"><a href="#part3" target=""><span>网站设计</span></a></li>
                <li class="navli4"><a href="#part4" target=""><span>平面海报</span></a></li>
                <li class="navli5"><a href="#part5" target=""><span>手绘插画</span></a></li>
                <li class="navli6"><a href="#part6" target=""><span>联系方式</span></a></li>
            </ul>
        </div>
    </div>

</header>

<div class="container-center Height-120 clearfix" id="part1"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part1">
        <img src="images/pic_11.png" width="1280">
        <img src="images/pic_12.png" width="1280">
    </div>
</div>

<div class="container-center Height-40 clearfix" id="part2"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part2">
        <img src="images/pic_21.png" width="1280">
        <img src="images/pic_22.png" width="1280">
        <img src="images/pic_23.png" width="1280">
        <img src="images/pic_24.png" width="1280">
        <img src="images/pic_25.png" width="1280">
        <img src="images/pic_26.png" width="1280">
        <img src="images/pic_27.png" width="1280">
        <img src="images/pic_28.png" width="1280">
        <img src="images/pic_29.png" width="1280">
        <img src="images/pic_210.png" width="1280">
        <img src="images/pic_211.png" width="1280">
        <img src="images/pic_212.png" width="1280">
        <img src="images/pic_213.png" width="1280">
        <img src="images/pic_214.png" width="1279">
        <img src="images/pic_215.png" width="1280">
        <img src="images/pic_216.png" width="1280">
        <img src="images/pic_217.png" width="1280">
        <img src="images/pic_218.png" width="1280">
        <img src="images/pic_219.png" width="1280">
    </div>
</div>

<div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part3" id="part3">
        <img src="images/pic_31.png" width="1280">
    </div>
</div>

<div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part4" id="part4">
        <img src="images/pic_41.png" width="1280">
    </div>
</div>

<div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part5" id="part5">
        <img src="images/pic_51.png" width="1280">
    </div>
</div>

<div class="container-center Height-40 clearfix"><!--此div是占高形状--></div>

<div class="container-center-big">
    <div class="container-center-small con-center part6" id="part6">
        <img src="images/pic_61.png" width="1280">
    </div>
</div>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap-hover-dropdown.js"></script>
<!-- 加载 H-ui 的 JavaScript 插件-->
<script type="text/javascript" src="h-ui/static/h-ui/js/H-ui.js"></script>

<!-- 新加js -->
<script type="text/javascript" src="js/common.js"></script>

</body>
</html>